import styled from "styled-components";

// 返回一个react的组件
export const HomeWrapper = styled.div.attrs({
  name: "xjh",
  borderColor: "orange",
})`
  font-size: 50px;
  color: red;
  background-color: ${(props) => props.borderColor};
  .box {
    background-color: ${(props) => props.color};
  }
  .list {
    color: #fff;
    & .active {
      color: red;
    }
    & :hover {
      color: blue;
    }
  }
`;

export const TitleWrapper = styled.h2`
  text-decoration: underline;
`;
